<template>
  <div class="card" style="width: 18rem">
    <img v-if="imgSrc" :src="imgSrc" class="card-img-top" :alt="imgAlt" />
    <div class="card-body">
      <h5 class="card-title">
        <slot name="title"> </slot>
      </h5>

      <p class="card-text">
        <slot> </slot>
      </p>
      <slot name="footer">
        <a href="#" class="btn btn-primary">Go somewhere</a>
      </slot>
    </div>
  </div>
</template>
<script>
export default {
  props: ['imgSrc', 'imgAlt'],
};
</script>
